<template>
  <div class="app-page-box">
    <div class="app-page">
      <h2>佳木斯市凯达农业装备有限公司</h2>
      <div class="item">
        <div><span class="label">累计合同数：</span><span class="value">142个</span></div>
        <div><span class="label">存量合同数：</span><span class="value">33个</span></div>
        <div><span class="label">累计融资额：</span><span class="value">72,782,912.00元</span></div>
        <div><span class="label">存量融资额：</span><span class="value">25,209,342.00元</span></div>
      </div>
      <div class="item">
        <div><span class="label">上年度合同数：</span><span class="value">13个</span></div>
        <div><span class="label">本年度合同数：</span><span class="value">3个</span></div>
        <div><span class="label">上年度融资额：</span><span class="value">72,782,912.00元</span></div>
        <div><span class="label">本年度融资额：</span><span class="value">25,209,342.00元</span></div>
      </div>
      <div class="item">
        <div><span class="label">已报交易销售总额：</span><span class="value">142个</span></div>
        <div><span class="label">审批通过交易销售总额：</span><span class="value">33个</span></div>
        <div><span class="label">起租合同本金总额：</span><span class="value">72,782,912.00元</span></div>
        <div><span class="label">已报交易融资总额：</span><span class="value">25,209,342.00元</span></div>
        <div><span class="label">审批通过交易融资总额：</span><span class="value">25,209,342.00元</span></div>
        <div><span class="label">起租合同剩余本金总额：</span><span class="value">25,209,342.00元</span></div>
      </div>
      <div class="item1">
        <div>逾期 1至 30 天合同数：0个</div>
      </div>
    </div>
  </div>
</template>

<script>
  import { reactive, ref, onBeforeMount, onMounted } from 'vue';
</script>
<style scoped lang="less">
  .app-page {
    width: 100%;
    box-sizing: border-box;
    padding: 48rem 50rem;
    h2 {
      font-family: Microsoft YaHei;
      font-size: 30rem;
      color: #000000;
    }
    .item {
      font-family: Microsoft YaHei;
      font-size: 18rem;
      color: #8a94a0;
      display: flex;
      flex-wrap: wrap;
      border-bottom: 2rem solid #d2d2d2;
      padding-bottom: 26rem;
      padding-top: 68rem;
      div {
        width: 40%;
        margin-bottom: 16rem;
        display: flex;
        .label {
        }
        .value {
          display: inline-block;
          font-size: 20rem;
          color: #000000;
        }
      }
      div:nth-child(2n) {
        width: 50%;
      }
    }
    .item1 {
      padding-top: 35rem;
    }
  }
</style>
